<template>
  <div class="errors">
    <img class="icon" src="@/libs/images/error.png" />
    <p class="tit">无效访问</p>
    <p class="tip" v-if="type == 2">请扫描无证入住二维码即可访问</p>
    <p class="tip" v-else-if="type == 3">无证入住需要允许授权才可办理</p>
    <p class="tip" v-else>他人办理中，请等候......</p>
    <div class="logo">
      <img src="@/libs/images/dibu.png" />
      <p>重庆公安旅业人证比对系统</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "errors",
  data() {
    return {
      type: 2
    };
  },
  methods: {},
  created() {
    this.type = this.$route.query.type;
  }
}
</script>

<style lang='less' scoped>
.errors {
  background: #fff;
  text-align: center;
  font-size: 18px;
  color: #333;
  .icon {
    margin: 113.5px 0 47px;
    width: 50px;
  }
  .tit {
    font-weight: bold;
  }
  .tip {
    margin-top: 22px;
    font-size: 15px;
  }
}
</style>
